.mine {
	width: 100%;
	background: linear-gradient(to bottom, #e6f8f6, #fbfefd);
	height: 100vh;

	.box1 {
		width: 100%;
		text-align: center;
		padding-top: 50rpx;
		font-size: 1.2rem;
		font-weight: bold;
	}

	/* 个人信息 */
	.personal {
		width: 95%;
		margin: auto;
		margin-top: 20rpx;

		display: flex;
		justify-content: left;
		position: relative;

		.personal-left {
			width: 20%;
			height: 120rpx;

			.personal-left-bottom {
				position: relative;
				margin-top: -20rpx;
				width: 100%;
				height: 30rpx;
				display: flex;
				justify-content: space-around;
				align-items: center;
				padding: 2%;
				font-size: 0.7rem;
				border-radius: 20rpx;
				background-color: #008c8c;
				text-align: center;
				color: #fff;

				.vip {
					align-items: center;
					width: 20%;
					height: 80%;
				}
			}

			.image {

				border-radius: 50%;
				width: 100%;
				height: 100%;
			}
		}

		.personal-last {
			position: absolute;
			right: 0%;
			top: 20%;
			width: 15%;
			height: 80rpx;
			background-color: #fff;
			border-radius: 50%;
			text-align: center;
			line-height: 110rpx;

			.photo {
				width: 60%;
				height: 60%;
			}
		}

		.personal-right {
			width: 50%;
			margin-left: 5%;

			margin-top: 20rpx;

			.personal-right1 {
				font-size: 1.1rem
			}

			.personal-right2 {
				margin-top: 20rpx;
				color: #afb6b5;
			}
		}
	}

	/* 会员中心 */
	.member {
		width: 95%;
		margin: auto;
		margin-top: 40rpx;
		height: 120rpx;

		.image1 {
			width: 100%;
			height: 100%;
		}
	}

	/* 宫格 */
	.gird {
		width: 95%;
		margin: auto;
		margin-top: 30rpx;
		background-color: #fff;
		height: 300rpx;
		border-radius: 30rpx;
	}

	/* 客服 */
	.customer {
		
		position: fixed;
		bottom:200rpx;
		right: 0;
		width: 10%;
		background-color: #fff;
		border-radius: 20rpx;
		padding: 1%;
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);

		.customer1 {

			width: 100%;
			height: 50rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.customer2 {
			width: 100%;
			text-align: center;
			margin-top: 10rpx;
			margin-bottom: 10rpx;
		}
	}

}